<template>
	<view class="container">
		<view class="kind-list">
			<uni-collapse @change="change"  class="kind-coll">
				<view class="kind-list-item" v-for="(v,k) in help">
					<uni-collapse-item :title="v.title" :show-animation="true">
						<view class="cell fz12" v-html="v.content">
							<!-- <text v-html="v.content"></text> -->
						</view>
					</uni-collapse-item>
				</view>
			</uni-collapse>
		</view>
		<u-tabbar></u-tabbar>
	</view>
</template>

<script>
	import base from '../../js/base.js';
	import app from '../../js/app.js';
	import uniCollapse from '@/components/uni-collapse/uni-collapse.vue'
	import uniCollapseItem from '@/components/uni-collapse-item/uni-collapse-item.vue';
	import uParse from '@/components/gaoyia-parse/parse.vue';
	export default {
		components: {
			uniCollapse,
			uniCollapseItem,
			uParse
		},
		data() {
			return {
				help:{}
			};
		},
		onLoad() {
			let This=this;
			base.request({
				url:base.urltext('/itorder/info_port/answer'),
				header:{ 'content-type': 'application/x-www-form-urlencoded' },
				success:function(res){
					if(res.data.success>0)
					{
						This.help = res.data.list;
						console.log(This.help);
					}
				}
			})
		},
		methods: {
			change(e) {
				console.log(e)
			}
		}
	}
</script>

<style>
	@import url("/components/gaoyia-parse/parse.css");
	page{ background-color: #fbfbfb;}
	.kind-list {
		padding: 20rpx;
	}
	.kind-coll{ }

	.kind-list-item {
		margin-bottom: 20rpx;
		border-radius: 4px;
		overflow: hidden;
		background:#FFFFFF;
	}

	.kind-list-item:first-child {
		margin-top: 0;
	}

	.kind-list-item-hd {
		padding: 24rpx 30rpx;
		font-size: 14px;
		transition: opacity .3s;
	}
</style>
